@charset "utf-8";
/*
 * Copy Right: Tencent ISUX
 * Project:Qzone V6
 * Comments:CSS Reset
 * Export to:all
 * @author damao
 * @param os_ 写在<html 里的系统类别class | xp下的雅黑泪流满面 | http://www.14px.com/?p=46 各种行高对齐...
 * @exception textarea 禁用横向resize防止布局错乱
 * @see Copyright (c) 2010, Yahoo! Inc. All rights reserved.Code licensed under the BSD License:http://developer.yahoo.com/yui/license.htmlversion: 3.3.0build: 3167
 * @see Copyright (c) http://meyerweb.com/eric/thoughts/2011/01/03/reset-revisited/
 */

html {
	font-size: 62.5%;
	font-family: Tahoma;
}

/* Font sizing with rem http://snook.ca/archives/html_and_css/font-size-with-rem */
/*body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input,button, textarea, p, blockquote, th, td, hr {margin: 0;padding: 0;}*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, input, button, textarea,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
}

body {
	line-height: 1.333;
	font-size: 12px;
	font-size: 1.2rem;
}

/*1.333 http://www.99css.com/archives/830 | -webkit-text-size-adjust:none; 无法缩放 这玩意儿乱用pony哥会找你的*/
h1, h2, h3, h4, h5, h6 {
	font-size: 100%
}

/*统一各浏览器默认大小*/
input, textarea, select, button {
	font-size: 12px;
	font-weight: normal;
	border-radius: 4px;
}

input[type="button"], input[type="submit"], select, button {
	cursor: pointer;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

address, caption, cite, code, dfn, em, th, var {
	font-style: normal;
	font-weight: normal;
}

li {
	list-style: none;
}

caption, th {
	text-align: left;
}

q:before, q:after {
	content: '';
}

abbr, acronym {
	border: 0;
	font-variant: normal;
}

sup {
	vertical-align: text-top;
}

sub {
	vertical-align: text-bottom;
}

fieldset, img, a img, iframe {
	border-width: 0;
	border-style: none;
}

/*a img for IE6*/
iframe {
	overflow: hidden;
}

/*TT啊,你个2B TT下面才有这个滚动条*/
img {
	-ms-interpolation-mode: bicubic;
}

/* https://developer.mozilla.org/En/CSS/image-rendering */
textarea {
	resize: vertical;
	overflow-y: auto;
}

/*resize风险未知,避免布局错乱先写上|auto为了ie下去掉默认侧边*/
legend {
	color: #000;
}

a:link, a:visited {
	text-decoration: none;
}

hr {
	height: 0
}

/*bugfix for ie6|7 1px background*/
label {
	cursor: pointer
}

/*必须用显示for=id写法 http://www.topcss.org/?p=349*/

.cf:before,
.cf:after {
	display: block;
	content: ".";
	height: 0 !important;
	line-height: 0 !important;
	visibility: hidden;
}

.cf:after {
	clear: both;
}

.cf {
	#zoom: 1;
}

.fl {
	float: left;
	_margin-right: -3px;
}

.fr {
	float: right;
	_margin-left: -3px;
}

.fn {
	overflow: hidden;
	#zoom: 1;
}

.member-cpl {
	text-align: right;
	font-size: 0;
}

.member-cpl a:focus {
	outline: 0 none;
	color: #cc0;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

/*.os_winXp{font-family:Tahoma;}*/
/*.os_mac{font-family:"Helvetica Neue",Helvetica,"Hiragino Sans GB",Arial,sans-serif;}*/
.os_mac body {
	font-family: "ff-tisa-web-pro-1", "ff-tisa-web-pro-2", "Lucida Grande", "Hiragino Sans GB", "Hiragino Sans GB W3", sens-serif;
}

.os_win7 body {
	font-family: Tahoma, "Microsoft Yahei", sens-serif;
}

body {
	font-family: Tahoma, Arial, sens-serif;
}

a, a:visited {
	color: #6AA208;
	text-decoration: none;
}

a:hover {
	color: #222;
}

body {
	background-color: #EEEFEF;
	margin: 0 auto;
}

html, body, .page {
	height: 100%;
}

body > .page {
	height: auto;
	min-height: 100%;
}

.main:before,
.main:after {
	display: block;
	content: ".";
	height: 0 !important;
	line-height: 0 !important;
	visibility: hidden;
}

.main:after {
	clear: both;
}

.main {
	height: 100%;
	padding-bottom: 36px;
	#zoom: 1;
}

.content {
	background-color: #E5E5E5;
	overflow: hidden;
	padding: 20px;
}

/*layout*/
.wrap:before,
.wrap:after {
	display: block;
	content: ".";
	height: 0 !important;
	line-height: 0 !important;
	visibility: hidden;
}

.wrap:after {
	clear: both;
}

.wrap {
	width: 960px;
	margin: 0 auto;
	#zoom: 1;
	padding: 45px 0;
}

.header {
	width: 95.25%;
	padding: 0 2.5%;
	position: fixed;
	left: 0;
	top: 0;
	height: 35px;
	line-height:35px;
	background-color: #151515;
	display: block;
	z-index: 100;
	color: white;
	cursor: default;
}

.footer {
	height: 16px;
	position: relative;
	margin-top: -36px;
	text-align: center;
	/*margin-top: 50px;*/
	#zoom: 1;
	background-color: #151515;
	border-bottom: 1px solid black;;
	padding: 10px;
	overflow: hidden;
	color: #aaa;
	clear: Both;
}

.aside {
	position: fixed;
	width: 250px;
	padding: 50px 20px;;
	top: 0;
	right: 0;
	height: 100%;
	background-color: white;
	border-left: double 3px #DDD;
}

.aside ul {
	margin-bottom: 30px;
	overflow: hidden;
}

.update {
	padding: 15px;
}

.category li a {
	border-bottom: 1px dotted #EEE;
	padding: 10px;
	display: block;
	margin: 0 5px 0 5px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
}

.category li a:hover {
	background: #f9f9f9;
	color: #222
}

.update li {
	margin-bottom: 5px;
}

.update span {
	display: block;
	font-size: 11px;
	color: #bbb;
}

.aside ul li a.current {
	background-color: #B7D681;
	color: #222;
}

/*font*/
h1 {
	font-size: 36px;
	margin: 20px 0;
}

h3 {
	font-size: 14px;
	margin: 40px 0 10px 0;
	clear: both;
	background-color: #EEE;
	margin-bottom: 1em;
	border: solid 1px #DDD;
	border-left: 4px double #DDD;
	padding: 10px;

}
.header a{ vertical-align: middle;;s}

/**/
.author_list li {
	margin-bottom: 20px;
	overflow: hidden;
	#overflow: visible;
	#zoom: 1;
}

.info-content li {
	margin-bottom: 0;
	line-height: 25px;
	position: relative;
	#zoom: 1;
}

.info-content li a {
	float: left;
	margin-right: 5px;
	_margin-right: 2px;
}

.info-content .btns {
	display: block;
	float: none;
	font-size: 12px;
	color: #383838;
	overflow: hidden;
	text-align: right;
}

.info-content .btns a {
	float: none;
}

.avatar {
	display: block;
	float: left;
	width: 50px;
	#zoom: 1;
	margin-right:10px;
}

.avatar img {
	width: 50px;
	background-color: #C9EFEF;
	display: block;
	vertical-align: top;
	border-radius: 4px;margin-bottom: 3px;
}

.avatar span {
	display: block;
	text-align: center;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
}

.team {
	padding: 15px;
}

.team .avatar {
	margin-bottom: 10px;
}

.author_list .info-content {
	background-color: #fff;
	padding: 10px;
	overflow: hidden;
	border-radius: 4px;
	#zoom: 1;
}

.update ul {
	padding-left: 20px;
}

.author_list .info-content li, .update li {
	list-style: disc outside;
}

.author_list .info-content li {
	list-style: none;
}

.author_list .info-content li:before {
	position: relative;
	#zoom: 1;
	top: 12px;
	float: left;
	content: '';
	margin-right: 3px;
	font: 0/9999px arial;
	overflow: hidden;
	border: 2px solid #555;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

/*form*/

.member-cpl a, .member-cpl a:hover, .member-cpl a:visited {
	color: yellow;
	margin: 0 -1px 0 4px;
	padding: 0 7px 0 5px;
	border-right: 1px solid #666;
	white-space: nowrap;
	font: normal 12px/1.2 Sans-serif;
}

.add_info {
	margin-bottom: 50px;
	border-bottom: 1px dashed #bbb;
	padding: 10px 0;
	overflow: hidden;
}

.add_info .form_add {
	width: 650px;
	height: 50px;
	margin-bottom: 20px;
	padding: 5px;
}

.add_info label {
	margin: 0 20px 0 5px;
	position: relative;
	top: -2px;
}

.add_info p {
	vertical-align: bottom
}

.btn {
	float: none;
	width: 180px;
	padding: 13px 20px;
	margin-bottom: 20px;
	box-shadow: none;
	font-size: 15px;
	background: #A3C567;
	border: 1px solid #7B9C3D;
	color: #37451D;
	text-shadow: 0px 1px 0pt rgba(255, 255, 255, 0.30);
	border-radius: 3px;
}

.btn:hover {
	background: #97BC52;
	color: #000;
}

.hide-clip {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px, 1px, 1px, 1px);
	padding: 0 !important;
	border: 0 none !important;
	height: 1px !important;
	line-height: 0 !important;
	width: 1px !important;
	overflow: hidden;
}

.add_form .label {
	float: left;
	width: 5em;
	white-space: nowrap;
	text-align: right;
	margin-right: 5px;
	_margin-right: 2px;
}

.add_form .fields {
	display: block;
	overflow: hidden;
	#zoom: 1;
	width: 450px;
}

.add_form fieldset p {
	margin: 0 0 8px;
	overflow: hidden;
	#overflow: visible;
	#zoom;
	1;
	height: 32px;
	line-height: 32px;
}

.add_form textarea {
	vertical-align: top;
}

.add_form input {
	vertical-align: 0px;
	height: 24px;
}

.add_form .btn {
	margin-left: 65px;
	height: auto;
}

.add_form .s-text,
.add_form .m-text {
	width: 442px;
}

.s-text, .m-text {
	padding: 3px;
	border: 1px solid #BBB;
}

.add_form select {
	min-width: 150px;
	border: 1px solid #bbb;
	padding: 1px;
	width: 450px;
	height: 28px;
}

.add_form .form-textarea {
	height: auto;
}

.m-text {
	resize: none;
}

.focus-text, .s-text:focus, .m-text:focus {
	border: 1px solid #EED644;
	outline: #EED644 solid 2px;
}

.fluid-input {
	display: inline-block;
	width: 100%;
	_overflow: hidden;
}

.fluid-input-inner {
	display: block;
	padding-right: 8px;
	#zoom: 1;
}

.fluid-input .m-text, .fluid-input textarea {
	padding: 3px;
	width: 100%;
}

.fluid-input textarea {
	height: 45px;
	overflow: auto;
	resize: none;
}

/*css3*/
.box_round {
	border-radius: 8px;
}

.box_shadow {
	box-shadow: 0 0 4px #ddd
}

.content {
	border-radius: 12px;
	width: 600px;
}

.info_content, .btn, .avator img {
	border-radius: 4px;
}

/* pop-common */
.pop-common {
	z-index: 10;
	display: none;
	position: absolute;
	border: 1px solid #BBB;
	border-radius: 5px;
	-moz-box-shadow: rgba(200, 200, 200, 0.7) 0 4px 10px -1px;
	-webkit-box-shadow: rgba(200, 200, 200, 0.7) 0 4px 10px -1px;
	-khtml-box-shadow: rgba(200, 200, 200, 0.7) 0 4px 10px -1px;
	box-shadow: rgba(200, 200, 200, 0.7) 0 4px 10px -1px;
	background: #fff;
	width: 321px;
}

.topest {
	z-index: 99;
}

;
.pop-inner {
	position: relative;
	#zoom: 1;
}

.pop-common .hd {
	border-radius: 5px 5px 0 0;
	background: #E5E5E5;
	color: #404A53;
	padding: 5px 10px 4px;
}

.pop-common .bd {
	padding: 27px 28px 27px 27px;
}

.pop-common label {
	display: block;
	color: #777;
	font-size: 14px;
}

.pop-common .login-input {
	font-weight: 200;
	font-size: 20px;
	width: 97%;
	padding: 3px;
	margin: 2px 0 16px;
	border: 1px solid #e5e5e5;
	background: #fbfbfb;
	width: 258px;
}

.pop-common .rememberme {
	display: none;
}

.pop-login .rememberme label {
	display: inline;
}

.pop-login .submit {
	overflow: hidden;
	text-align: right;
}

.pop-common .close {
	position: absolute;
	width: 16px;
	height: 16px;
	right: 5px;
	top: 5px;
	border: 1px solid #ccc;
	border-radius: 2px;
	line-height: 16px;
	text-align: center;
}

.result-msg {
	display: block;
	height: 32px;
	line-height: 32px;
	overflow: hidden;
	padding-left: 65px;
	color: #c00;
	font-weight: bold;
}